<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>个人名片</title>
<meta name="viewport"
	content="width=device-width,initial-scale=1,user-scalable=0">
<link rel="stylesheet" href="${ctxPath}/weui/css/weuix.min.css" />
<link rel="stylesheet" href="${ctxPath}/css/personal/personal-card.css" />

<script src="${ctxPath}/weui/js/zepto.min.js"></script>
<script src="${ctxPath}/weui/js/picker.js"></script>
<script src="${ctxPath}/weui/js/select.js"></script>
<script src="${ctxPath}/js/utils.js"></script>
<script src="${ctxPath}/js/personal/personal-card.js"></script>
<link rel="shortcut icon" href="${ctxPath}/pic/icon.jpg" />
</head>
<body ontouchstart style="background-color: #f8f8f8;" ctxPath="${ctxPath}">
	<div class="bg-blue weui-header">
		<div class="weui-header-left">
			<a class="icon icon-109 f-white" href="javascript:history.go(-1)"></a>
		</div>
		<h1 class="weui-header-title">更多信息</h1>
	</div>
	<form id="form">
	<input type="hidden" name="id" value="${info.id!}"/>
		<div class="weui_cells weui_cells_form">
			<div class="weui_cells_title">基本资料</div>
			<div class="weui_cell">
				<div class="weui_cell_hd">
					<label class="weui_label">姓名</label>
				</div>
				<div class="weui_cell_bd weui_cell_primary">
					<input class="weui_input" type="text" maxlength="10" required
						placeholder="请输入姓名" tips="请输入姓名" name = "userName" value="${info.userName!}">
				</div>
				<div class="weui_cell_ft">
					<i class="weui_icon_warn"></i>
				</div>
			</div>
			
			<!-- 性别 -->
			<div class="weui_cell">
                <div class="weui_cell_hd">
                	<label for="" class="weui_label">性别</label>
                </div>
                <div class="weui_cell_bd weui_cell_primary">
                    <input class="weui_input" type="text" value="${info.sex!}" id="sex" name="sex"/>
                </div>
            </div> 

			<div class="weui_cell">
				<div class="weui_cell_hd">
					<label class="weui_label">手机</label>
				</div>
				<div class="weui_cell_bd weui_cell_primary">
					<input class="weui_input" type="number" required pattern="^1(3|4|5|7|8)\d{9}$"  
						maxlength="11" placeholder="请输入手机号" emptyTips="请输入手机号" 
						notMatchTips="请输入正确的手机号" name = "phoneNumber" value="${info.phoneNumber!}">
				</div>
				<div class="weui_cell_ft">
					<i class="weui_icon_warn"></i>
				</div>
			</div>
			<!-- pattern="^1(3|4|5|7|8)\d{9}$" -->

			<div class="weui_cell">
				<div class="weui_cell_hd">
					<label class="weui_label">邮箱</label>
				</div>
				<div class="weui_cell_bd weui_cell_primary">
					<input class="weui_input" type="text" required pattern="^[a-zA-Z0-9_.-]+@[a-zA-Z0-9-]+(\.[a-zA-Z0-9-]+)*\.[a-zA-Z0-9]{2,6}$"
						placeholder="请输入邮箱"  emptyTips="请输入邮箱" 
						notMatchTips="请输入正确的邮箱" name = "email" value="${info.email!}"/>
				</div>
				<div class="weui_cell_ft">
					<i class="weui_icon_warn"></i>
				</div>
			</div>

			<div class="weui_cell">
				<div class="weui_cell_hd">
					<label for="" class="weui_label">生日</label>
				</div>
				<div class="weui_cell_bd weui_cell_primary">
					<input class="weui_input" type="text" id='date'  name = "birthday" value="${info.birthday!,dateFormat='yyyy-MM-dd'}"/>
				</div>
			</div>

			<div class="weui_cells_title">学校资料</div>
			<div class="weui_cell">
				<div class="weui_cell_hd">
					<label class="weui_label">学校</label>
				</div>
				<div class="weui_cell_bd weui_cell_primary">
					<input class="weui_input" type="text" placeholder="请输入学校" name = "schoolOrCompany" value="${info.schoolOrCompany!}"/>
				</div>
			</div>

			<div class="weui_cell">
				<div class="weui_cell_hd">
					<label class="weui_label">班级</label>
				</div>
				<div class="weui_cell_bd weui_cell_primary">
					<input class="weui_input" type="text" placeholder="请输入班级" name = "classOrDepartment" value="${info.classOrDepartment!}"/>
				</div>
			</div>

			<div class="weui_cell">
				<div class="weui_cell_hd">
					<label class="weui_label">职务</label>
				</div>
				<div class="weui_cell_bd weui_cell_primary">
					<input class="weui_input" type="text" placeholder="请输入职务" name = "title" value="${info.title!}"/>
				</div>
			</div>

			<div class="weui_cells_title">其他资料</div>
			<div class="weui_cell">
				<div class="weui_cell_hd">
					<label class="weui_label">个人标签</label>
				</div>
				<div class="weui_cell_bd weui_cell_primary">
					<input class="weui_input" type="text" placeholder="请输入个人标签" name = "personalLabel" value="${info.personalLabel!}"/>
				</div>
			</div>

			<div class="weui_cell">
				<div class="weui_cell_hd">
					<label class="weui_label">个人描述</label>
				</div>
				<div class="weui_cell_bd weui_cell_primary">
					<textarea id="textarea" class="weui_textarea" rows="2" name = "personalDesc"  >${info.personalDesc!}</textarea>
				</div>
			</div>
			
			<div class="weui_cells_title" hidden="true" id="moreDiv">附加信息</div>
			<input type="hidden"  name="extraInfo" id="extraInfo" >
			<div id="moreInfo"></div>
			 <a href="javascript:void(0);" class="weui_panel_ft" id="btnAddMore">添加更多信息</a>
		</div>
		</div>
	</form>
	<div class="weui_btn_area"> <a id="formSubmitBtn" href="javascript:" class="weui_btn weui_btn_primary">保存</a>
	
	<!--  --------------------------------------------------------->

     <div class="weui_mask"></div>
     <div class="weui-custom-pop">
        <div class="close" id="close"><i class="icon icon-95 f25"></i></div>
     	<div class="weui-custom-hd">自定义额外属性</div>
     	<div class="weui-custom-bd">
     		<input type="text" class="weui_input" placeholder="属性名" id="pname">
     	</div>
     		<div class="weui-custom-bd">
     	<input type="text" class="weui_input" placeholder="属性值" id="pvalue">
     	</div>
     	<div class="weui-custom-ft">
     		<a href="javascript:;" id="cancel">取消</a>
     		<a href="javascript:;" id="ensure">确定</a>
     	</div>
     </div>
<div class="top"><i class="icon icon-7"></i></div>

	<!--  --------------------------------------------------------->
	
</body>
</html>